﻿<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8" %>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>哔哩哔哩大数据分析</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/echarts.min.js"></script><script type="text/javascript" src="js/js.js"></script>
<script type="text/javascript" src="js/jquery.limarquee.js"></script>
<script type="text/javascript" src="js/jquery.cxselect.min.js"></script>
<link rel="stylesheet" href="css/comon0.css">
  <style type="text/css">
    a:LINK {
      color: red;
      text-decoration: none;
    }
    a:VISITED {
      color: white;
      text-decoration: none;
    }
    a:HOVER {
      background-color: #0088ff;
      text-decoration: none;
    }
  </style>
</head>
<body>
<div style="background:#001b4a url(img/bg01.png) center top;">
  <div class="loading">
    <div class="loadbox"> <img src="img/loading.gif"> 页面加载中... </div>
  </div>
  <div class="back"></div>
  <div class="head">
    <h1>哔哩哔哩大数据分析</h1>
    <div class="weather"><span id="showTime"></span></div>
	    </div>
    <script>
var t = null;
    t = setTimeout(time,1000);//開始运行
    function time()
    {
       clearTimeout(t);//清除定时器
       dt = new Date();
		var y=dt.getFullYear();
		var mt=dt.getMonth()+1;
		var day=dt.getDate();
       var h=dt.getHours();//获取时
       var m=dt.getMinutes();//获取分
       var s=dt.getSeconds();//获取秒
       document.getElementById("showTime").innerHTML = y+"年"+mt+"月"+day+"日"+h+":"+m+":"+s;
       t = setTimeout(time,1000); //设定定时器，循环运行
    }
</script>
  <div class="mainbox">
    <ul class="clearfix">
      <li style="width:10%">
        <div class="boxall" style="height:5px;">
          <div class="alltitle"><a href="/">返回</a>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<a href="/detail">换一批</a></div>
        </div>
      </li>
    </ul>
    <ul class="clearfix">
      <li style="width:33%">
        <div class="boxall" style="height:270px;">
          <div class="alltitle">高分番剧选推</div>
          <div class="navboxall" >
			<div class="sycm">
          <ul class="clearfix">
            <li>
              <h2>${bangumiRec.get(0)}</h2>
              <span></span></li>
            <li>
              <h2>${bangumiRec.get(1)}</h2>
              <span></span></li>
            <li>
              <h2>${bangumiRec.get(2)}</h2>
              <span></span></li>
          </ul>
        </div>
			</div>
        </div>
      </li>
      <li style="width:34%">
        <div class="boxall" style="height:270px">
          <div class="alltitle">高分电影选推</div>
          <div class="navboxall" >
            <div class="sycm">
              <ul class="clearfix">
                <li>
                  <h2>${movieRec.get(0)}</h2>
                  <span></span></li>
                <li>
                  <h2>${movieRec.get(1)}</h2>
                  <span></span></li>
                <li>
                  <h2>${movieRec.get(2)}</h2>
                  <span></span></li>
              </ul>
            </div>
          </div>
        </div>
      </li>
      <li style="width:33%">
        <div class="boxall" style="height:270px">
          <div class="alltitle">高分电视剧选推</div>
          <div class="navboxall" >
            <div class="sycm">
              <ul class="clearfix">
                <li>
                  <h2>${tvRec.get(0)}</h2>
                  <span></span></li>
                <li>
                  <h2>${tvRec.get(1)}</h2>
                  <span></span></li>
                <li>
                  <h2>${tvRec.get(2)}</h2>
                  <span></span></li>
              </ul>
            </div>
          </div>
        </div>
      </li>
    </ul>
    <ul class="clearfix">
      <li style="width:25%">
        <div class="boxall" style="height:535px;">
          <div class="alltitle">主站热门视频排行TOP10</div>
          <div class="navboxall" >
<%--            <div class="wraptit"> <span>排名</span>&nbsp<span>视频</span></div>--%>
            <div class="wrap">
              <ul>
                <li>
                  <p><span>1.</span><span>${hostRank.get(0)}</span></p>
                </li>
                <li>
                  <p><span>2.</span><span>${hostRank.get(1)}</span><</p>
                </li>
                <li>
                  <p><span>3.</span><span>${hostRank.get(2)}</span></p>
                </li>
                <li>
                  <p><span>4.</span><span>${hostRank.get(3)}</span></p>
                </li>
                <li>
                  <p><span>5.</span><span>${hostRank.get(4)}</span></p>
                </li>
                <li>
                  <p><span>6.</span><span>${hostRank.get(5)}</span></p>
                </li>
                <li>
                  <p><span>7.</span><span>${hostRank.get(6)}</span></p>
                </li>
                <li>
                  <p><span>8.</span><span>${hostRank.get(7)}</span></p>
                </li>
                <li>
                  <p><span>9.</span><span>${hostRank.get(8)}</span></p>
                </li>
                <li>
                  <p><span>10.</span><span>${hostRank.get(9)}</span></p>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </li>
      <li style="width:25%">
        <div class="boxall" style="height:535px;">
          <div class="alltitle">热门电影排行TOP10</div>
          <div class="navboxall" >
            <div class="wrap">
              <ul>
                <li>
                  <p><span>1.</span><span>${movieRank.get(0)}</span></p>
                </li>
                <li>
                  <p><span>2.</span><span>${movieRank.get(1)}</span><</p>
                </li>
                <li>
                  <p><span>3.</span><span>${movieRank.get(2)}</span></p>
                </li>
                <li>
                  <p><span>4.</span><span>${movieRank.get(3)}</span></p>
                </li>
                <li>
                  <p><span>5.</span><span>${movieRank.get(4)}</span></p>
                </li>
                <li>
                  <p><span>6.</span><span>${movieRank.get(5)}</span></p>
                </li>
                <li>
                  <p><span>7.</span><span>${movieRank.get(6)}</span></p>
                </li>
                <li>
                  <p><span>8.</span><span>${movieRank.get(7)}</span></p>
                </li>
                <li>
                  <p><span>9.</span><span>${movieRank.get(8)}</span></p>
                </li>
                <li>
                  <p><span>10.</span><span>${movieRank.get(9)}</span></p>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </li>
      <li style="width:25%">
        <div class="boxall" style="height:535px;">
          <div class="alltitle">热门番剧排行TOP10</div>
          <div class="navboxall" >
            <div class="wrap">
              <ul>
                <li>
                  <p><span>1.</span><span>${bangumiRank.get(0)}</span></p>
                </li>
                <li>
                  <p><span>2.</span><span>${bangumiRank.get(1)}</span><</p>
                </li>
                <li>
                  <p><span>3.</span><span>${bangumiRank.get(2)}</span></p>
                </li>
                <li>
                  <p><span>4.</span><span>${bangumiRank.get(3)}</span></p>
                </li>
                <li>
                  <p><span>5.</span><span>${bangumiRank.get(4)}</span></p>
                </li>
                <li>
                  <p><span>6.</span><span>${bangumiRank.get(5)}</span></p>
                </li>
                <li>
                  <p><span>7.</span><span>${bangumiRank.get(6)}</span></p>
                </li>
                <li>
                  <p><span>8.</span><span>${bangumiRank.get(7)}</span></p>
                </li>
                <li>
                  <p><span>9.</span><span>${bangumiRank.get(8)}</span></p>
                </li>
                <li>
                  <p><span>10.</span><span>${bangumiRank.get(9)}</span></p>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </li>
      <li style="width:25%">
        <div class="boxall" style="height:535px;">
          <div class="alltitle">热门电视剧排行TOP10</div>
          <div class="navboxall" >
            <div class="wrap">
              <ul>
                <li>
                  <p><span>1.</span><span>${tvRank.get(0)}</span></p>
                </li>
                <li>
                  <p><span>2.</span><span>${tvRank.get(1)}</span><</p>
                </li>
                <li>
                  <p><span>3.</span><span>${tvRank.get(2)}</span></p>
                </li>
                <li>
                  <p><span>4.</span><span>${tvRank.get(3)}</span></p>
                </li>
                <li>
                  <p><span>5.</span><span>${tvRank.get(4)}</span></p>
                </li>
                <li>
                  <p><span>6.</span><span>${tvRank.get(5)}</span></p>
                </li>
                <li>
                  <p><span>7.</span><span>${tvRank.get(6)}</span></p>
                </li>
                <li>
                  <p><span>8.</span><span>${tvRank.get(7)}</span></p>
                </li>
                <li>
                  <p><span>9.</span><span>${tvRank.get(8)}</span></p>
                </li>
                <li>
                  <p><span>10.</span><span>${bangumiRank.get(9)}</span></p>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </li>
    </ul>
  </div>
</div>
</body>
</html>
